@charset "utf-8";
/*重置*/
body{margin: 0 auto; font: 12px/2em "Microsoft YaHei", Arial, tahoma,  Helvetica, sans-serif; background: #fff; color: #333;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd,ul,ol,li,pre,form, fieldset, legend, button, input, textarea, select, th, td{margin: 0; padding: 0;}
fieldset, img {border: 0;}
li {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
table {border-collapse: collapse; border-spacing: 0;}
button, input, select, textarea {font-size: 100%; border:none;}
a{text-decoration: none; color: #333;}
a:hover{ text-decoration:none; color:#C00;}
i{font-style:normal;}

/*通用*/
.clear{clear: both; zoom: 1;}
.clear:after{content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.fl{float: left;}
.fr{float: right;}
.comWidth{width: 1200px;margin:0 auto;position:relative;}
.mt20{margin-top:20px;}
.mt10{margin-top:10px;}
.mt30{margin-top:30px;}
.bd{border:1px solid #ccc;}

/*头部*/
.top{height:29px; line-height:29px; background:url(../images/top.jpg) repeat-x;}
.top span a{margin:0 7px;}

/*头部*/
.header{height:120px;}
.header .logo{width:265px; height:80px; margin-top:20px;}
.header .tel{height:60px; margin-top:40px; font-size:30px; font-weight:bold; color:#666;line-height: 50px;}
.header .tel img,.header .tel p{float: left;}


/***************header****************/

.head{width: 100%;margin: 0 auto;height: auto;background: #d52b1e;/* background:url(../images/nav_1.jpg) repeat-x; */}
.headers{width: 1200px;margin: 0 auto;height: 50px;}
.headers .nav{float: left;}
.headers .nav ul li{width: 125px;height: 50px;line-height: 50px;text-align: center;/* background: #e51e1b; *//* border-right: 1px solid #ffd102; */}
.headers .nav ul li a{display: block;font-size: 16px;color:#fff;font-weight: 600;}
.headers .nav ul.submenu li{height: 50px;line-height: 50px;}
.headers .nav ul.submenu li:hover{height: 50px;line-height: 50px; background:#f0130b;}

/*轮播图*/
.banner{width:100%; height:500px; margin:0px auto; overflow:hidden; text-align:center; position: relative;margin-bottom: 20px;}
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:1920px; height:500px; background:#fff; position:absolute; left: 50%; margin-left: -960px; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{cursor:pointer; width:45px; height:45px;  position:absolute; top:200px; left:25px; z-index:10; }
#playBox .next{cursor:pointer; width:45px; height:45px; position:absolute; top:200px; right:25px; z-index:10;}
#playBox .smalltitle {width:100%; height:10px; position:absolute; bottom:20px; z-index:10; text-align:center;}
#playBox .smalltitle ul{margin:0 auto; width:120px;}
#playBox .smalltitle ul li{cursor:pointer; margin:0 5px; width:20px; height:10px; color:#fff; background-color:#fff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{color:#ff7300; background-color:#ff7300;}



.keyPro{height:42px; line-height:42px; background:url(../images/keypro_bg.gif) repeat-x;}
.keyPro h3{float:left; margin-right:10px; font-size:12px;}
.keyPro ul{float:left;}
.keyPro ul li{float:left; margin-right:10px;}

.type li{float:left;width: 132px;height:130px;border-right: 1px dotted  #dfdfdf;text-align:center;}
.type li a{display: block; color: #444;}
.type li img{display: block;width: 60px;height: 60px;margin: 20px 37px;opacity: 0.6;transition: all 1s ease-in-out;}
.type li a:hover{color: #bc9882;}
.type li a:hover img{opacity: 1; transform: rotate(360deg); }

.device .bigDevice a{width: 475px; height:350px; position:relative; overflow:hidden; border-radius: 5px;}
.device a img{display: block;width: 100%;height: 210px;/* transition: all 1s; *//* transform: scale(1.0); */}
.device a:hover img{/* transform: scale(1.2); */}
.device .bigDevice a h3,
.device .smallDevice a h3{/* position:absolute; */left:0;bottom: 0;width: 100%;height:40px;line-height:40px;/* background: url(../images/pro.png); */text-align:center;color: #444444;font-size:20px;font-weight:normal;background: #f7f7f7;}
.device .bigDevice a h3 b,
.device .smallDevice a h3 b{display:block; text-transform: uppercase; font-family: Helvetica,Arial; font-size: 30px; line-height: 40px; margin-bottom: 20px; padding-top: 110px;}
.device p{text-align:center; font-size:24px; line-height:30px;}
.device p span{color:#e51e1b;font-size: 38px;font-weight: 600;font-family: fantasy;}

.smallDevice{width: 1200px;margin-right: -20px;}
.smallDevice a{float:left;width: 280px;/* height: 210px; */margin-right:20px;position:relative;overflow:hidden;border-radius: 5px;margin-bottom: 30px;}
.smallDevice a:hover{box-shadow: 0 15px 30px rgba(0,0,0,0.2);}
.device .smallDevice a h3{font-size: 16px; padding: 0;}
.device .smallDevice a h3 b{font-size: 16px; line-height: 20px; margin-bottom: 10px; padding-top: 40px;}
.caseInfo .smallDevice a h3{ transition: all 0.5s; }
.caseInfo .smallDevice a:hover h3{height: 40px; line-height:40px;  bottom: 0; margin: 0;}
.caseInfo .smallDevice a{margin-top: 30px;}

.device, .newsInfo, .aboutInfo{padding: 40px 0;}
.common-title{font-size: 32px;margin: 0 auto 20px;font-weight:normal;text-align: center;background:url(../images/title_bg.png) no-repeat bottom center;padding-bottom: 50px;}
.aboutInfo p{line-height:30px;color:#666;font-size: 15px;}
.infoMore{display:block;width: 160px;height: 40px;line-height: 40px;text-align:center;color: #fff;border:1px solid #ebebeb;margin: 15px auto 0;border-radius:5px;font-size: 16px;transition: all 1s ease-in-out;background: #d52b1e;}
.infoMore:hover{background-color: #bc9882; color:#fff;}
.aboutInfo .fl{width: 560px;}
.aboutInfo .fr{width: 600px;}

.business{padding: 60px 0; background:url(../images/business_bg.jpg) bottom center; color:#fff;}
.business h3{font-size: 30px; text-align:center; margin-bottom: 40px;}

.business-item{float:left;width: 400px;font-size: 14px;line-height: 30px;}
.business-item div{width: 200px; height: 200px; border-radius: 50%; text-align: center; border: 2px solid #fff; background-color: #e51e1b; margin: 0 auto; transition: all 0.5s;}
.item01 div{background-color: #E6E532;}
.item02 div{background-color: #e51e1b;}
.item03 div{background-color: #0588E6;}
.business-item div:hover{background-color: #e70011;}
.business-item div img{display: block; width: 128px; height: 110px; margin: 30px auto 0px;}
.business-item div h4, .business-item div b{display: block; font-size: 16px; font-weight: normal;}
.business-item p{text-align: center; font-size: 14px; margin-top: 15px;}

.ys{height: 830px;padding: 60px 0;color:#fff;}
.ys-title{text-align: center; margin-bottom: 80px;}
.ys-title h3{font-size: 30px; line-height: 30px; margin-bottom: 20px;}
.ys-title h4{font-size: 24px; font-weight: normal;}
.ysCon{color:#fff}
.ysCon b{display: block;font-size: 24px;padding-top: 130px;line-height: 60px;height: 60px;/* border-bottom: 1px solid #4b4545; */margin-bottom: 5px;padding-left: 50px;}
.ysCon p{font-size: 14px;line-height: 30px;padding: 5px 0;padding-left: 50px;}
.ys_hot_top{
    width: 58%;
    float: left;
}
.ys_hot{
    /* height: 400px; */
}
.ys01{background:url(../images/ys1.jpg);width: 42%;height: 800px;}
.ys02{background:url(../images/ys2.png);width: 50%;background-color: #ff4242;height: 400px;text-align: center;}
.ys03{background: url(../images/ys3.jpg) 100% no-repeat;width: 50%;height: 400px;}
.ys04{background: url(../images/ys4.png);width: 100%;/* background-color: #ff4242; */background-color: #0291dd;height: 400px;padding-left: 50px;}

.service{padding: 60px 0; background:url(../images/bg2.jpg) top center fixed;}
.service-item{float:left; width: 205px; padding: 0 20px; font-size: 14px; line-height: 30px;}
.service-item img{display: block; width: 80px; height: 80px; margin: 0 auto;}
.service-item h4{font-size: 20px; text-align:center; margin: 20px auto;}
.service-item h4:after{content:''; display: block; width:100px; height: 2px; background:#bc9882; margin:10px auto 20px;}

.newsInfo ul{overflow:hidden;width: 1220px;}
.newsInfo li{float:left;width: 580px;padding: 10px 0px;border-bottom: 1px dashed #ebebeb;margin-top: 30px;margin-right: 20px;}
.newsInfo li:hover{box-shadow: 0 15px 30px rgba(0,0,0,0.2);}
.newsInfo li .date{width: 80px;height:80px;background-color:#e51e1b;color:#fff;margin-right: 20px;text-align: center;border-radius: 2px;}
.newsInfo li .news-item{width: 479px;}
.newsInfo li .date span{display: block; font-size: 18px; line-height: 20px; margin: 15px 0 5px;}
.newsInfo li .date b{display: block; font-size: 20px; line-height:30px;}
.newsInfo li .news-item a{display: block;font-size: 16px;/* line-height: 30px; */height:30px;overflow:hidden;font-weight: 600;}
.newsInfo li .news-item p{font-size: 14px;line-height: 24px;color:#666;height: 50px;overflow: hidden;}

.comPlanWidth{width:1000px; margin:0 auto; position:relative;}
.banner-plan{height: 380px; background:url(../images/banner_plan.jpg) no-repeat top center;}
.planInfo{height: 320px; background: url(../images/plan_info.jpg) no-repeat top center; padding: 30px 0;}
.planInfo span{position:absolute; left:380px; top: 8px; width: 108px; height: 24px; line-height: 24px; font-size: 14px; color:#fff;}
.planInfo p{font-size: 16px; line-height: 30px; position:absolute; left:370px; top: 60px; width: 360px; text-indent:2em;}

.planNav{width:150px; position:fixed; top:40%; left:2%; z-index:20;}
.planNav li{height: 30px; margin-bottom: 20px;}
.planNav li a{display: block; height: 30px; line-height:30px; text-align:center; border:2px solid #fff; font-size:20px; color:#fff;}

.slideTxtBox{ width:1000px; height: 480px; border:1px solid #4285f4; overflow: hidden;}
.slideTxtBox .hd{ height:34px; line-height:34px; border-bottom:1px solid #4285f4;  position:relative; }
.slideTxtBox .hd ul{ float:left; position:absolute; left:0; top:0; height:34px;}
.slideTxtBox .hd ul li{ float:left; width:199px; height:34px; text-align: center; font-size: 14px; border-right:1px solid #4285f4; cursor:pointer;}
.slideTxtBox .hd ul li.on{ height:34px;  background:#4285f4; color: #fff;}
.slideTxtBox .bd ul{ padding:15px; zoom:1;}
.slideTxtBox .bd ul .fl{width: 200px;}
.slideTxtBox .bd ul .fr{width: 740px; height: 420px;}
.slideTxtBox .bd ul .fl span{display: block; font-size: 18px; line-height: 40px; margin-bottom: 20px;}
.slideTxtBox .bd ul .fr img{display: block; width: 740px; height: 420px;}


#part2 ul{width: 570px;}
#part2 li{border:1px dashed #898a86; padding: 10px; border-left: 4px solid #535353 ; border-right: 4px solid #535353; margin-bottom: 10px;}
#part2 li span{display: block; border-left: 5px solid #db4437; padding-left: 10px; height: 16px; line-height: 16px; margin-bottom: 15px; font-size: 14px;}
#part2 li p{line-height: 26px; font-size: 14px;}
#part2 .fr{width: 400px;}
#part2 img{display: block; width: 400px; height: 440px;}

.planTitle{background-color:#4285f4; height:100px; line-height:100px; text-align:center; font-size: 36px; color:#fff;}
#part1 .planTitle, .part1Nav{background-color:#4285f4;}
#part2 .planTitle, .part2Nav{background-color:#db4437;}
#part3 .planTitle, .part3Nav{background-color:#ff9800;}
#part4 .planTitle, .part4Nav{background-color:#0f9d58;}
#part5 .planTitle, .part5Nav{background-color:#db4437;}
.comPlanWidth{margin: 30px auto;}
.comPlanWidth h4{text-align:center; height: 64px; line-height:64px; font-size: 24px; color:#595757; font-weight:normal;}
.comPlanWidth p{line-height: 30px; font-size: 14px;}
#part4 img{width:425px;}
#part4 .serviceCon{width: 545px;}
#part4 p{line-height: 30px; background:url(../images/icon_service.png) no-repeat left center; padding-left:20px;}
#part5 img{display: block; margin: 10px auto;}

.partCompany > .fl{width: 407px; height:304px;}
.partCompany > .fr{width:584px;}
.partCompany .clear img{width:292px;}
.partSystem{width: 1020px; margin-right:-20px;}
.partSystem div{width: 235px; height:270px; overflow: hidden; position:relative; margin-right: 20px;}
.partSystem div img{display: block; width: 235px; height:270px;}
.partSystem div span{position: absolute; left: 0; bottom: 0; display: block; width:100%; height: 30px; line-height: 30px; background-color:#ff9800; text-align: center; color: #fff; font-size: 14px;}

.investmentList{padding: 10px;}
.investmentList li{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #ccc;}
.investmentList li .fl{width: 270px; height: 180px;}
.investmentList li .fl img{display: block; width: 270px; height: 180px;}
.investmentList li .fr{width: 640px;height: 180px;}
.investmentList li h4{font-size: 18px; font-weight: normal; padding: 10px 0; line-height: 20px;}
.investmentList li p{line-height: 26px; color:#666; font-size: 14px;}
.investmentList li span a{font-size: 14px; color: #fd0101;}

/*主要内容区*/
.title01{height:36px;line-height:36px;background:url(../images/title01.jpg) no-repeat;}
.title01 h3, .title01 b{display: block; font-size:16px;color: #545454;margin-left:20px;}
.title01 h3 span, .title01 b span{font-size:12px;font-weight:normal;margin-left:10px;color: #92bafd;}
.list{width:208px;border: 1px solid #f1f1f1;overflow:hidden;}
.list ul{width:188px;padding:10px;/* background: #f7f7f7; *//*height:395px;*/}
.list li{width:188px;height:40px;line-height:40px;overflow:hidden;border-bottom: 1px solid #e6e6e6;/* background:url(../images/icon01.jpg) no-repeat left center; */font-size:14px;font-weight:bold;}
.list li a{margin-left:20px;}

.title02{height:34px; line-height:34px; background:url(../images/title02.jpg) repeat-x; padding:0 10px; border-bottom:1px solid #ccc;}
.title02 h3, .title02 b{float:left; font-size:16px; background:url(../images/icon03.jpg) no-repeat left center; padding-left:15px}
.title02 .more{float:right; font-size:12px;}
.title02 p{float:right;}
.hotPro{width:758px; border:1px solid #ccc; overflow:hidden;}
.hotPro ul{margin:15px 0 0; overflow:hidden;}
.hotPro ul li{width:239px; float:left; margin:0 0 0 10px; display:inline;}
.hotPro ul li img{display:block; width:237px; height:164px; border:1px solid #ccc; overflow:hidden;}
.hotPro ul li strong{display:block; height:30px; line-height:30px; text-align:center; font-weight:normal;}

.ys{}
.ysTit{text-align:center; border-bottom:1px solid #ccc;  padding-bottom:10px;}
.ysTit h3{font-size:40px; line-height:40px;}
.ysTit h3 span{color:#cc0000; font-family:impact; font-size:42px; margin-right:5px;}
.ysTit p{line-height:20px; font-size:20px; font-weight:bold; margin-top:15px; color:#999; font-family:Arial;}
.ysList{}
.ysList li{width:940px; height:200px; margin:0 auto; padding:40px 0; background:url(../images/ys_bottom.jpg) no-repeat bottom center;}
.ysTxt{width:470px;}
.ysTxt h4{width:470px;}
.ysTxt h4 i{float:left; width:54px; height:58px; text-align:center; font-family:impact; line-height:46px; font-size:30px; color:#fff; background:url(../images/num.jpg) no-repeat;}
.ysTxt h4 span{float:right; width:400px; height:50px; line-height:50px; font-size:26px; border-bottom:1px dashed #666; color:#1974B8;}
.ysTxt p{width:400px; margin-left:70px; font-size:14px; line-height:30px; margin-top:15px; clear:both;}
.ysImg{width:350px; height:200px;}

.title03{height:40px; line-height:40px; border-bottom:1px solid #ccc;}
.title03 h3{float:left; font-size:16px; background:url(../images/title03.png) no-repeat left center; padding-left:30px;}
.title03 h3 span{font-size:14px; color:#666; margin-left:10px;}
.title03 .more{float:right;}
.caseList{position:relative; width:980px; height:194px;}
#scrollCon{width:926px; position:absolute; left:27px; top:20px; overflow:hidden;}
.caseList li{float:left; width:216px; margin-right:20px;}
.caseList li img{width:216px; height:160px;}
.caseList li p{height:30px; line-height:30px; text-align:center; font-size:12px;}
.leftBtn{display:block; width:17px; height:160px;  position:absolute; left:0; top:20px; background:url(../images/btn_left.png) no-repeat;}
.rightBtn{display:block; width:17px; height:160px; position:absolute; right:0; top:20px; background:url(../images/btn_right.png) no-repeat;}

.about{width:650px;}
.aboutTxt{padding:10px 0; font-size:14px;}
.aboutTxt img{width:280px; height:200px; float:left; margin-right:15px; border:1px solid #ccc;}
.proShow{width:300px;}
.proShowCon{width:300px; height:200px; overflow:hidden; margin:10px 0;}

.article{background-color:#F9F9F9; background:url(../images/bottom.png) no-repeat bottom center; padding-bottom:56px;}
.title04{height:40px; line-height:40px; border-bottom:1px solid #ccc;}
.title04 h3{font-size:16px; float:left;}
.title04 h3 span{font-size:30px; font-weight:normal; margin-right:5px; color:#014b92;}
.title04 .more{float:right;}
.news{width:340px; border-right:1px dashed #ccc; padding-right:20px; overflow:hidden;}
.fahuo{width:340px; border-right:1px dashed #ccc; padding:0 20px; overflow:hidden;}
.newsList{padding:10px 0;}
.newsList li{height:30px; line-height:30px; background:url(../images/icon02.png) no-repeat left center; vertical-align:middle; border-bottom:1px dashed #999;}
.newsList li a{float:left; margin-left:16px; display:inline;}
.newsList li span{float:right; color:#666;}
.contact{width:218px; padding-left:20px;}
.contactTxt{padding:10px;}

/* .footer{text-align:center; line-height:30px; background:#2E5882; color:#fff; padding:20px 0;}*/
.flink{ padding:5px 0; color:#ABA9A9;}
.flink span{}
.flink a{margin:0 5px; color:#ABA9A9;}
.footer{background-color: #323232;border-top: 5px solid #bf241a;/* border-top: 5px solid #1E589B; */padding: 15px 0;color: #fff;font-size: 14px;}

.footer-contact{width: 81%; margin-left: 1%;}
.footer-code{width: 17%;}
.footer-code p{
    font-size:12px;
}
.footer-con h3, .footer-con span{display: block; font-size: 18px; line-height: 40px; color: #e7cb2b; font-weight: normal; margin-bottom: 10px;}
.footer-contact ul{float:left; width: 49%;}
.footer-contact li{height: 40px; line-height: 30px;}
.footer-contact li a.footer-qq{display: inline-block; width: 70px; height: 26px; line-height: 26px; margin-top: 12px; color: #fff; background: #e51e1b url(../images/qq.gif) no-repeat 25px center; margin-right: 10px; padding-left: 45px;}
.footer-contact li a.footer-qq:hover{text-decoration: none;}
.footer-code img{display: block; width: 150px; height: 150px; margin-bottom: 5px;}
.footer-bottom{border-top: 2px solid #e7cb2b; padding-top: 15px; margin-top: 15px; text-align: center;}
.di{
    width:100%;
    margin:20px auto;
 
}

/*单页*/
.sidebar{width:210px; overflow:hidden;}
.main{width: 960px;overflow:hidden;line-height:30px;/* border:1px solid #ccc; */}
.sideContact{width:208px; border:1px solid #ccc; overflow:hidden;}
.mainCon{} 
.mainTxt{padding:10px; font-size:14px;}

/*文章列表页*/
.mainNewsList{padding:10px;}
.mainNewsList li{height:32px; line-height:32px; background:url(../images/icon02.png) no-repeat left center; vertical-align:middle; border-bottom:1px dashed #999;}
.mainNewsList li a{float:left; margin-left:16px; display:inline;}
.mainNewsList li span{float:right; color:#666;}

/*产品列表页*/
.mainProList{margin:15px 0 10px; overflow:hidden;}
.mainProList li{width: 310px;float:left;margin: 0 0 20px 10px;display:inline;}
.mainProList li:hover{    box-shadow: 0 15px 30px rgba(0,0,0,0.2);}
.mainProList li img{display:block;width: 100%;height: 200px;/* border:1px solid #ccc; */overflow:hidden;}
.mainProList li strong{display:block;height: 45px;line-height: 40px;text-align:center;font-weight:normal;font-size: 14px;}

/*产品内容页*/
.mainConTit{height:40px; line-height:40px; text-align:center; font-size:18px; margin-bottom:10px;}
.mainConAuthor{height:32px; line-height:32px; margin-bottom:20px; text-align:center; border-top:1px dashed #ccc;}
.mainConAuthor span{margin:0 10px;}
.mainImg{display:block; width:400px; height:300px; border:1px solid #ccc; margin:20px auto;}
.mainXq{height:26px; line-height:26px; font-size:15px; color:#fff; border-bottom:2px solid #0078c4; margin-bottom:20px;}
.mainXq h3{width:90px; height:26px; background-color:#0078c4; text-align:center;}
.content{font-size:14px;}
.pagination{margin-top:20px; height:30px; line-height:30px; padding:10px 15px 0;  border-top:1px dashed #ccc; margin-bottom:10px;}
.xgwz h3,
.xgcp h3,
.xgwz b,
.xgcp b{height:30px;line-height:30px;background-color: #e51e1b;color:#fff;font-size:14px;text-indent:10px; display: block;}
.xgwz ul{padding:10px 0; overflow:hidden; font-size:12px;}
.xgwz ul li{width:45%; height:30px; line-height:30px; float:left; margin-left:20px; display:inline; border-bottom:1px dashed #ccc; background:url(../images/icon02.png) no-repeat left center; vertical-align:middle;}
.xgwz ul li a{float:left; margin-left:10px; display:inline;}
.xgwz ul li span{float:right;}
.xgcp ul{margin:15px 0 10px; overflow:hidden;}
.xgcp li{width:236px; float:left; margin:0 0 10px 10px; display:inline;}
.xgcp li img{display:block; width:234px; height:164px; border:1px solid #ccc; overflow:hidden;}
.xgcp li strong{display:block; height:30px; line-height:30px; text-align:center; font-weight:normal;}

.img-pircure{padding: 20px 10px;}
.img-group{width: 450px;padding: 5px;border: 1px solid #aeaeae;}
.fancybox img{width: 100%;height: 280px;}
#gallery_nav{margin-top: 5px; overflow: hidden;}
#gallery_nav img{width: 23%; height: 70px; margin: 0 1%; float: left;}
.img-info{width: 445px;}
.img-info h1{font-size: 24px; color: #ec402c;}
.img-info ul{border-top: 2px dashed #a4a4a3; border-bottom: 2px dashed #a4a4a3; line-height: 34px; font-size: 14px; overflow: hidden; margin: 20px 0 0;}
.img-info ul li{float:left; width: 50%;}
.img-info .freetel{display: block;width: 300px;height: 100px;margin: 30px auto;}
.img-info .qqask{width: 138px; margin: 0 auto;}
.img-info .qqask a{display: block; margin-bottom: 5px;}
.img-con{padding: 0 10px;}
.img-con > div{display:none;}
.img-con .tab{overflow:hidden;}
.img-con .tab li{float:left;width:24%;height:30px;background:#f8f8f8;color:#333;border: 1px solid #efeeee;text-align:center;height: 40px;line-height: 40px;cursor:pointer;font-size:16px;border-bottom: 1px solid #e51e1b;}
.img-con .on{display:block;}
.img-con .tab li.cur{background: #e51e1b;color:#fff;}
.img-con .img-con-title{display: block; height: 40px;line-height: 40px;background-color: #ffd102;padding: 0 10px;font-size: 16px;color: #fff;margin: 15px 0;}
.img-con input,
.img-con textarea{border: 1px solid #ccc; padding: 5px 10px; margin-bottom: 10px;}


/*分页*/
.page{height:24px; line-height:24px; text-align:center; margin-top:30px;}
.page li{display:inline; padding:5px 10px; border:1px solid #ddd; margin-right:5px;}
.page li a{color: #555;}
.page li a:hover{background:#f5f5f5; color:#01379b;}
.page li.thisclass{background: #01379b; color: #fff;}
.page li.thisclass a{text-decoration:none; cursor:default; border-color: #01379b; color: #fff;}
.page .pageinfo strong{font-weight:normal;}

.piao{
    width: 161px;
    border-radius: 5px;
    overflow: hidden;
    right: 20px;
    top: 60%;
    z-index:10000000;
    position: fixed;
    height:202px;
}
.piao h3, .piao b{
    display: block;
    font-size:16px;
    color:#F78686;
    text-align:center;
}
.piao img{
    width:100%;
    height:auto;
}